<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Slides for TV</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Add slide</h1>
<ul class="add_slide" id="">
		<li data="success">Success</li>
		<li data="welcome">Welcome</li>
		<li data="promotion">Promotion</li>
		<li data="birthday1">Birthdays(1)</li>
		<li data="birthday2">Birthdays(2)</li>
		<li data="weather">Weather</li>
		<li data="bloomberg">Bloomberg TV</li>
</ul>
<ul class="slideshow">
	<li class="success">
		<span class="heading">Congratulations on <b>passing probation period</b></span>
		<span class="department editable">JAVA SOLUTIONS</span>
		<label>
		<span class="emploee_photo">Photo</span>
		<input type="file" name="emploee_photo" class="emploee_photo-input" onchange="this.previousSibling.previousSibling.innerHTML = this.value"></input>
		</label>
		<span class="emploee_name editable">Emploee Name</span>
		<span class="emploee_position editable">Position</span>
		
	</li>
	<br>
	<li class="welcome">	
		<input type="text" name="department" value="Java Solutions"></input>
		<input type="text" name="emploee_name" value="Name"></input>
		<input type="file" name="emploee_photo" value="Photo"></input>
		<input type="text" name="emploee_position" value="Position"></input>
		<input type="text" name="start_date" value="Start Date"></input>
	</li>
	<br>
	<li class="promotion">	
		<input type="text" name="department" value="Java Solutions"></input>
		<input type="text" name="emploee_name" value="Name"></input>
		<input type="file" name="emploee_photo" value="Photo"></input>
		<input type="text" name="new_position" value="New Position"></input>
		<input type="text" name="old_position" value="Old Position"></input>
	</li>
	<br>
	<li class="birthday1">	
		<input type="text" name="department" value="Java Solutions"></input>
		<input type="text" name="date_range"  value="15 July - 22 July"></input>
		Birthdays:<br>
		<input type="text" name="date1"></input><input type="text" name="name1"></input><br>
		<input type="text" name="date2"></input><input type="text" name="name2"></input><br>
		<input type="text" name="date3"></input><input type="text" name="name3"></input><br>
		<input type="text" name="date4"></input><input type="text" name="name4"></input><br>
		<input type="text" name="date5"></input><input type="text" name="name5"></input>
	</li>
</ul>

<script src="../js/jquery.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>